// Script para interatividade da landing page DellasVit

document.addEventListener('DOMContentLoaded', function() {
    // Funcionalidade para as perguntas frequentes (FAQ)
    const faqItems = document.querySelectorAll('.faq-item');
    
    faqItems.forEach(item => {
        const question = item.querySelector('.faq-question');
        const toggle = item.querySelector('.faq-toggle');
        const answer = item.querySelector('.faq-answer');
        
        // Inicialmente, todas as respostas estão fechadas
        answer.style.display = 'none';
        
        question.addEventListener('click', function() {
            // Verifica se a resposta está visível
            const isOpen = answer.style.display === 'block';
            
            // Fecha todas as respostas
            faqItems.forEach(otherItem => {
                const otherAnswer = otherItem.querySelector('.faq-answer');
                const otherToggle = otherItem.querySelector('.faq-toggle');
                
                otherAnswer.style.display = 'none';
                otherToggle.textContent = '+';
            });
            
            // Se a resposta estava fechada, abre ela
            if (!isOpen) {
                answer.style.display = 'block';
                toggle.textContent = '-';
            }
        });
    });
    
    // Rolagem suave para links de âncora
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();
            
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop - 100, // Ajuste para compensar cabeçalhos fixos
                    behavior: 'smooth'
                });
            }
        });
    });
    
    // Animação de elementos ao rolar a página
    const animateOnScroll = function() {
        const elements = document.querySelectorAll('.benefit-card, .testimonial-card, .package-card, .guarantee-card');
        
        elements.forEach(element => {
            const elementPosition = element.getBoundingClientRect().top;
            const screenPosition = window.innerHeight / 1.3;
            
            if (elementPosition < screenPosition) {
                element.classList.add('animate');
            }
        });
    };
    
    // Executa a animação ao carregar a página e ao rolar
    window.addEventListener('scroll', animateOnScroll);
    animateOnScroll(); // Executa uma vez ao carregar
});